﻿body 
{
    background:url('../img/fondo.jpg');
    margin:0px;    
}

#header
{
    width:100%;
    height:120px;
    margin:auto;
    background:orange;
}

#header h1
{
    float:left;
    font-family:Palace Script MT;
    font-size:100px;
    position:relative;
    left:50px;
    margin:auto;
    color:White;
}

#header img
{
    position:relative;
    float:left;
    left:40px;
}

#footer
{
    width:100%;
    height:180px;
    text-align:center;
    display:table;
    margin:auto;
    background:black;
}

#pie
{
    background:orange;
    width:80%;
    height:150px;
    text-align:center;
    margin:auto;
    color:White;
    position:relative;
    top:15px;
}

#pie li
{
    display:inline;
    }
#pie ul li a
{
     color:White;
     text-decoration:none;
}
#pie p
{
    font-family:Palace Script MT;
    font-size:40px;
    position:relative;
    left:-20px;
    margin:auto;
    color:White

#container
{
    position:static;
    margin:auto;
    text-align:left;
    width:80%;          
    height:353px;
    }



#menu
{
    width:80%;
    height:30px;
    margin:auto;
    background:black;
    position:relative;   
    top:90px; 
}
    #menu ul
    {
       list-style: none;
        margin: auto;
        width: 100%;
        padding: 5px;
        float: left;
        position: absolute;
        
       
    }
    
        #menu ul li
        {
            display:inline;
            text-align:center;
            padding-left:50px;
            padding-right:50px;
          
        }
            #menu ul li a
            {
                font-size:15px;
                color:White;
                text-decoration:none;
            }
            #menu ul li a:hover
            {
                color:Orange;
            }
            

a								{ text-decoration: none; outline: none; }
a img							{ border: none; }

h2								{ font-family:elva; font-size: 36px; text-align: center; 
								  font-weight: normal;
    width: 1201px;
    margin-left: 3px;
}

#page-wrap						{  width: 960px; margin: 0 auto; 
								  padding: 50px 0;
    height: 499px;
}

#slider							{ background: rgb(255, 192, 79) url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 50px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative;

.slide							{ padding: 40px 30px; width: 902px; 
float: left; position: relative;
    top: -34px;
    left: -13px;
    height: 213px;
}
.slide h1						{ font-family: Heticelva, Sans-Serif; fonta, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #FFFFFF;
    width: 319px;
}

.slide p						{ color: #000; font-size: 12px; line-height: 22px; width: 300px;
.slide img						{ position: absolute; top: 71px; 
left: 364px;
    height: 170px;
    width: 256px;
    margin-top: 0px;
}

#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }